<script setup lang="ts"></script>

<template>
  <div class="main-container">
    <div class="input-container">
      <el-form class="forms">
        <el-form-item label="成品批号">
          <el-input />
        </el-form-item>
      </el-form>
      <el-form class="forms">
        <el-form-item label="工单号">
          <el-input />
        </el-form-item>
      </el-form>
      <el-form class="forms">
        <el-form-item label="品号">
          <el-input />
        </el-form-item>
      </el-form>
      <el-form class="forms">
        <el-form-item label="品名">
          <el-input />
        </el-form-item>
      </el-form>
      <el-form class="forms">
        <el-form-item label="规格">
          <el-input />
        </el-form-item>
      </el-form>
    </div>
    <div class="btn-container">
      <el-button type="success" class="submit">提交</el-button>
      <el-button type="warning">重置</el-button>
    </div>
    <div class="form-container">
      <!-- <el-table>
          <el-table-column label="投混情况"></el-table-column>
      </el-table> -->
      <el-table style="width: 100%">
        <el-table-column label="投混情况" align="center">
          <el-table-column label="原料品号" style="width: 16.6%" align="center" />
          <el-table-column label="品名" style="width: 16.6%" align="center" />
          <el-table-column label="规格" style="width: 16.6%" align="center" />
          <el-table-column label="投入的对应料仓编号" style="width: 16.6%" align="center" />
          <el-table-column label="投混人员" style="width: 16.6%" align="center" />
          <el-table-column label="投料时间" style="width: 16.6%" align="center" />
        </el-table-column>
      </el-table>
      <el-table>
        <el-table-column label="包装情况" align="center">
          <el-table-column label="包装批号" style="width: 20%" align="center" />
          <el-table-column label="时间" style="width: 20%" align="center" />
          <el-table-column label="包装实际重量" style="width: 20%" align="center" />
          <el-table-column label="首巡检粒子外观情况" style="width: 20%" align="center" />
          <el-table-column label="首巡检粒子外观检查时间" style="width: 20%" align="center" />
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.main-container {
  width: 100%;
  height: 100%;
  padding-top: 30px;
}

.input-container {
  display: flex;
}

.submit {
  margin-left: 20px;
  margin-right: 50px;
}

.btn-container {
  margin-bottom: 10px;
}

.forms {
  margin-left: 20px;
}
</style>
